<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<head>
<sx:head/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<link rel="apple-touch-icon" sizes="114x114" href="images/icontwo.png">
<link rel="apple-touch-startup-image" href="images/startup.png" />
<title>点餐系统</title>
<link href="<%=path %>/css/style.css" rel="stylesheet" type="text/css">
<link href="<%=path %>/css/buttons.css" rel="stylesheet" type="text/css">
<link href="<%=path %>/css/type.css" rel="stylesheet" type="text/css">
<link href="<%=path %>/css/add2home.css" rel="stylesheet" type="text/css">
<link href="<%=path %>/css/flexslider.css" rel="stylesheet" type="text/css">
<link href="<%=path %>/css/photoswipe.css" rel="stylesheet" type="text/css">

<!-- Do not move the bellow script to custom.js! It must stay here to load properly! -->
<script type="text/javascript">
	function loadImages() {
		if (document.getElementById) {  // DOM3 = IE5, NS6
			document.getElementById('hidepage').style.visibility = 'hidden';
		}else {
		if (document.layers) {  // Netscape 4
			document.hidepage.visibility = 'hidden';
		}else {  // IE 4
			document.all.hidepage.style.visibility = 'hidden';
		  }
	   }
	}
</script>
<script type="text/javascript" src="<%=path %>/scripts/jquery.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/contact.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/jquery.flexslider-min.js"/></script>
<script type="text/javascript" src="<%=path %>/scripts/tweetable.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/add2home.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/jquery.nivo.slider.pack.html"></script>
<script type="text/javascript" src="<%=path %>/scripts/klass.min.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/code.photoswipe.jquery-3.0.4.min.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/custom.js"></script>
</head>

<body OnLoad="loadImages()">
<s:url id="tuijian" value="/foodlist!tuijian"/>
<s:url id="youhui" value="/foodlist!youhui"/>
<s:url id="caidan" value="/foodlist!caidan"/>
<s:url id="yexuan" value="/web/order!car"/>

<div class="site">
  <div id="hidepage">
    <p class="center-text">加载中，请稍后！<br/>
      <img src="<%=path %>/images/background/130.gif" alt="load"></p>
  </div>
  <div class="navigation"> 
  <sx:a targets="tj" id="home" cssClass="selected" href="%{tuijian}"><img src="<%=path %>/images/nav/item1ns.png" alt="img"><em class="under-icon-text">推荐</em></sx:a> 
  <sx:a targets="yh" id="about" href="%{youhui}"><img src="<%=path %>/images/nav/item2ns.png" alt="img"><em class="under-icon-text">优惠</em></sx:a>
  <sx:a targets="cd" id="portfolio" href="%{caidan}"><img src="<%=path %>/images/nav/item3ns.png" alt="img"><em class="under-icon-text">菜单</em></sx:a> 
	<sx:a targets="yx" id="blog" href="%{yexuan}"><img src="<%=path %>/images/nav/item5ns.png" alt="img"><em class="under-icon-text">已选</em></sx:a> 
   <a id="contact" href="#"><img src="<%=path %>/images/nav/item4ns.png" alt="img"><em class="under-icon-text">店小二</em></a> </div>
  <div class="decoration"></div>
  <div>
  	<p>
  		桌号：${deskNo }
  		人数：${peopleNum }
  		<a href="#">修改</a>
  		<s:actionmessage/>
  	</p>
  </div>
  <!-- 推荐 -->
  <sx:div cssClass="home" href="%{tuijian}" id="tj">
  	<div id="hidepage">
	    <p class="center-text">加载中，请稍后！<br/>
	      <img src="<%=path %>/images/background/130.gif" alt="load"></p>
	  </div>
  </sx:div>
  <!-- 推荐结束 -->
  
  <!-- 优惠 -->
  <sx:div cssClass="about" id="yh">
  	<div id="hidepage">
	    <p class="center-text">加载中，请稍后！<br/>
	      <img src="<%=path %>/images/background/130.gif" alt="load"></p>
	  </div>
  </sx:div>
  <!-- 优惠结束 -->
  
  <!-- 菜单开始 -->
  <sx:div cssClass="portfolio" id="cd">
  	<div id="hidepage">
	    <p class="center-text">加载中，请稍后！<br/>
	      <img src="<%=path %>/images/background/130.gif" alt="load"></p>
	  </div>
  </sx:div>
  <!-- 菜单结束 -->
  
  <!-- 已选开始 -->
  <sx:div cssClass="blog" id="yx">
    <div id="hidepage">
	    <p class="center-text">加载中，请稍后！<br/>
	      <img src="<%=path %>/images/background/130.gif" alt="load"></p>
	  </div>
  </sx:div>
  <!-- 已选结束-->
  
  <div class="contact">
    <div class="flexslider">
      <ul class="slides">
        <li> <img src="<%=path %>/images/class/1.jpg" /> </li>
      </ul>
    </div>
    <div class="full-width">
      <h4 class="shadow">海港大酒楼</h4>
      <div class="decoration"></div>
      <p class="shadow"> 地址：贵阳市云岩区北京路30号银海元隆广场 </p>
      <div class="decoration"></div>
        <p class="shadow"> 联系电话：0851-8888888 </p>
        <div class="decoration"></div>
        <p class="shadow">
       	 <div style="text-align:center"><a href="#" class="button green">&nbsp;&nbsp;呼叫店小二&nbsp;&nbsp;</a></div>
        </p>
    </div>
    
  </div>
</div>
</body>
</html>